<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>欢迎来到知识工程师维护主页</title>
<link href="css/welcomestyle.css" rel="stylesheet" type="text/css" media="all" />
<style type="text/css">
html,body,ul,li {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

li {
	display: none;
}
</style>
</head>
<body>
	<div class="content">
		<div class="top">
			<span><img src="images/welcome2/logo.jpg" /></span> <em>欢迎 ***
				来到知识工程师管理中心</em>
		</div>
		<div class="center">
			<!-- 			<img src="images/welcome2/welcome2_banner_1.jpg" alt="系统简介" /> -->
			<ul id="img">
				<li><img src="images/welcome2/welcome2_banner_1.jpg" alt="系统简介" />1</li>
				<li><img src="images/welcome2/welcome2_banner_2.jpg" alt="系统简介" />2</li>
				<li><img src="images/welcome2/welcome2_banner_3.jpg" alt="系统简介" />3</li>
			</ul>
		</div>
		<div class="bottom">
			<div class="bottom_left">
				<span><img src="images/welcome2/welcome2_bottom_1.jpg" /></span> <a
					href="indexPage.jsp"><img src="images/welcome2/welcome2_bottom_2.jpg" /></a>
				<a href="faultTree.jsp"><img src="images/welcome2/welcome2_bottom_3.jpg" /></a>
				<a href="toolPage.jsp"><img src="images/welcome2/welcome2_bottom_4.jpg" /></a>
			</div>
			<div class="bottom_right">
				<a href="userFilesPage.jsp"><img src="images/welcome2/welcome2_bottom_right.jpg" /></a>
			</div>
		</div>
		<div style="clear:both"></div> 
	</div>
	<script type="text/javascript">
		;
		(function() {
			var i = 0;
			var $ = function(ID) {
				return document.getElementById(ID);
			};
			var timer = null, speed = 2000;
			$("img").getElementsByTagName("li")[0].style.display = "block";
			;
			(function() {
				if (i >= $("img").getElementsByTagName("li").length) {
					for ( var j = 0; j < $("img").getElementsByTagName("li").length; j++) {
						$("img").getElementsByTagName("li")[j].style.display = "none";
					}
					i = 1;
					$("img").getElementsByTagName("li")[0].style.display = "block";
				} else {
					for ( var j = 0; j < $("img").getElementsByTagName("li").length; j++) {
						//console.log(j+""+i);
						if (j === i) {
							$("img").getElementsByTagName("li")[j].style.display = "block";
						} else {
							$("img").getElementsByTagName("li")[j].style.display = "none";
						}
					}
					i++;
				}
				timer = setTimeout(arguments.callee, speed);
			})();
		})();
	</script>
</body>
</html>